<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>
    <!-- 第一部分 -->
    <div class="header">
        <div class="con w">
            <div id="home">
                <span class="iconfont iconziyuan26"></span>
                <a href="./jd.html">京东首页</a>
            </div>
            <div id="map">
                <span class="iconfont iconicon-test"></span>
                <a href="#">广东</a>
            </div>
            <div id="map1">
                <div>
                    <p></p>
                    <ul></ul>
                </div>
                <div>
                    <p></p>
                    <ul></ul>
                </div>
                <div>
                    <p></p>
                    <ul></ul>
                </div>
            </div>
            <ul id="fr">
                <li>
                    <a href="#">用户名
                        <span class="iconfont iconjiantou"></span>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">我的订单</a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">我的京东
                        <span class="iconfont iconjiantou"></span>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">京东会员</a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">企业采购</a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">客户服务
                        <span class="iconfont iconjiantou"></span>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">网站导航
                        <span class="iconfont iconjiantou"></span>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">手机京东</a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 第二部分 -->
    <div class="ser w">
        <div id="logo">
            <a href="javascript:;">
                <img src="../image_login/1.png" alt="">
            </a>
        </div>
        <div id="ser">
            <input type="text" name="" id="ipt" placeholder="">
            <input type="button" value="搜索" id="btn">
        </div>
    </div>
    <!-- 第三部分 购物车 -->
    <div class="tab w">
        <div id="message">
            <ul>
                <li>购物车空空的哦~,去看看心仪的产品吧~</li>
                <li>
                    <a href="#selTab">去购物></a>
                </li>
            </ul>
        </div>

        <table>
            <thead>
                <tr>
                    <th>商品名称</th>
                    <th>商品图片</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>

            </tbody>
        </table>
    </div>
    <!-- +++ -->
    <!-- <input type="text" name="" id="num"> -->
    <!-- 第四部分 -->
    <div class="product w">
        <ul id="selTab">
            <li>猜你喜欢</li>
            <li>随手购</li>
            <ul id="sDots">
                <li>
                    <a href=""></a>
                </li>
                <li>
                    <a href=""></a>
                </li>
            </ul>
        </ul>
        <div id="pro">
            <!-- <div>
                <img src="" alt="">
                <p>hhh</p>
                <i>12</i>
                <div><a href="">加入购物车</a></div>
            </div> -->
        </div>
    </div>
    <!-- 第五部分 slogen -->
    <div class="slo">
        <div class="con w">
            <ol>
                <li>品类齐全，轻松购物</li>
                <li>多仓齐发，极速配送</li>
                <li>正品行货，精致服务</li>
                <li>天天低价，畅选无忧</li>
            </ol>
        </div>
    </div>
    <!-- 第六部分 wrap -->
    <div class="wrap w">
        <div>
            <dl>
                <dt>购物指南</dt>
                <dd>
                    <a href="">购物流程</a>
                </dd>
                <dd>
                    <a href="">会员介绍</a>
                </dd>
                <dd>
                    <a href="">生活旅行/团购</a>
                </dd>
                <dd>
                    <a href="">常见问题</a>
                </dd>
                <dd>
                    <a href="">大家电</a>
                </dd>
                <dd>
                    <a href="">联系客服</a>
                </dd>
            </dl>
            <dl>
                <dt>配送方式</dt>
                <dd>
                    <a href="">上门自提</a>
                </dd>
                <dd>
                    <a href="">211限时达</a>
                </dd>
                <dd>
                    <a href="">配送服务查询</a>
                </dd>
                <dd>
                    <a href="">配送费收取标准</a>
                </dd>
                <dd>
                    <a href="">海外配送</a>
                </dd>
            </dl>
            <dl>
                <dt>支付方式</dt>
                <dd>
                    <a href="">货到付款</a>
                </dd>
                <dd>
                    <a href="">在线支付</a>
                </dd>
                <dd>
                    <a href="">分期付款</a>
                </dd>
                <dd>
                    <a href="">邮局汇款</a>
                </dd>
                <dd>
                    <a href="">公司转账</a>
                </dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd>
                    <a href="">售后政策</a>
                </dd>
                <dd>
                    <a href="">价格保护</a>
                </dd>
                <dd>
                    <a href="">退款说明</a>
                </dd>
                <dd>
                    <a href="">返修/退换货</a>
                </dd>
                <dd>
                    <a href="">取消订单</a>
                </dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd>
                    <a href="">夺宝岛</a>
                </dd>
                <dd>
                    <a href="">DIY装机 </a>
                </dd>
                <dd>
                    <a href="">延保服务</a>
                </dd>
                <dd>
                    <a href="">京东E卡</a>
                </dd>
                <dd>
                    <a href="">京东通信</a>
                </dd>
                <dd>
                    <a href="">京东JD+</a>
                </dd>
            </dl>
        </div>
    </div>
    <!-- 第七部分 固定栏(框)部分 -->
    <div class="stick">
        <li>
            <a href="">我的关注</a>
        </li>
        <li>
            <a href="" id="a0">
                <span class="iconfont iconbao"></span>
                <div id="a">常用商品</div>
            </a>
        </li>
        <li>
            <a href="" id="b0">
                <span class="iconfont iconkapian"></span>
                <div id="b">京东卡</div>
            </a>
        </li>
    </div>
    <div class="stick1">
        <li>
            <a href="" id="c0">
                <span class="iconfont iconjiantoushang"></span>
                <div id="c">顶部</div>
            </a>
        </li>
        <li>
            <a href="" id="d0">
                <span class="iconfont iconwenhao"></span>
                <div id="d">常见问题</div>
            </a>
        </li>
        <li>
            <a href="" id="e0">
                <span class="iconfont iconbi"></span>
                <div id="e">反馈</div>
            </a>
        </li>
    </div>
</body>
<script src="../js/jquery-1.12.4.min.js"></script>
<script src="../js/public_JQ.js"></script>
<script src="../js/cart_jQuery.js"></script>

</html>